<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/tabdemo.css" />
		<script src="../js/jquery-3.5.1.min.js">
		</script>
	</head>
	<body>
		<div class="tabox">
			<div class="hd">
				<ul>
					<li class="on">疯狂抢购</li>
					<li class="on1">猜您喜欢</li>
					<li class="on2">热卖商品</li>
					<li class="on3">热评商品</li>
					<li class="on4">新品上架</li>
				</ul>
			</div>
			<div class="bd">
				<ul class="lh">
					<img src="img/p1.jpg">
				</ul>
				<ul class="lh" style="display: none;">
					<img src="img/p2.jpg">
				</ul>
				<ul class="lh" style="display: none;">
					<img src="img/p3.jpg">
				</ul>
				<ul class="lh" style="display: none;">
					<img src="img/p4.jpg">
				</ul>
				<ul class="lh" style="display: none;">
					<img src="img/p5.jpg">
				</ul>
			</div>
		</div>
	<a href="game.html"><input type="button" id="bnt1" value="点击此按钮跳转到游戏界面" /></a>	
	</body>
	<script type="text/javascript">
		$(function() {
			//siblings:选择同级相同元素
			$("li").hover(function() {
				$("li").siblings().removeClass("on");
				$(this).addClass("on");
				$("div ul").siblings().hide();
				$(".lh").eq($(this).index()).show(); 
			})
			// 179000910陈润强
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			// $(".on").hover(function() {
			// 	$("div ul").siblings().hide();
			// 	$(".lh:eq(0)").show();				
			// 	$("li").siblings().removeClass("on");
			// 	$(this).addClass("on");
			// })
			// $(".on1").hover(function() {
			// 	$("div ul").siblings().hide();
			// 	$(".lh:eq(1)").show();
			// 	$("li").siblings().removeClass("on");
			// 	$(this).addClass("on");
			// })
			// $(".on2").hover(function() {
			// 	$("li").siblings().removeClass("on");
			// 	$(this).addClass("on");
			// 	$("div ul").siblings().hide();
			// 	$(".lh").eq(2).show();
			// })
			// $(".on3").hover(function() {
			// 	$("li").siblings().removeClass("on");
			// 	$(this).addClass("on");
			// 	$("div ul").siblings().hide();
			// 	$(".lh").eq(3).show();
			// })
			// $(".on4").hover(function() {	
			// 	$("li").siblings().removeClass("on");
			// 	$(this).addClass("on");
			// 	$("div ul").siblings().hide();
			// 	$(".lh").eq(4).show(); 
			// })


		})
	</script>
</html>
